/*
* 基础 variables
*/
.index .container {
  width: 400px;
  height: 300px;
  background-color: #DCDCDC;
  overflow: scroll;
  /* 让它显示滚动条 */
}
.index .barrage-box {
  width: 500px;
  height: 400px;
  background-color: #ccc;
}
.index .barrage-box .barrage {
  width: 100%;
  height: 100px;
  border-radius: 10px;
  background: #ddd;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.index .barrage-box .barrage .avatar {
  width: 80px;
  height: 80px;
  margin-right: 20px;
}
.index .barrage-box .barrage .avatar .avatar-img {
  width: 100%;
  height: 100%;
}
.index .barrage-box .barrage .gift-pic {
  width: 80px;
  height: 80px;
}
.index .barrage-box .barrage .gift-pic .gift-img {
  width: 100%;
  height: 100%;
}
